import React, { Component } from 'react';

import "./OrderProgress.scss"
class CkeckWarrantyOrder extends Component {
  constructor() {
    super()
    this.state = {
    }
  }
  render() {
    let height = window.screen.height
    return (
      <div className="other-page OrderProgress" style={{minHeight: height + 'px'}}>
        <div className="topbar flex y-center space-between">
          <span>订单信息：123456465</span>
          <img src={require('../../images/collection.png')} alt=""/>
        </div>
        <div className="card card2">
          <div className="flex space-between row y-center">
            <span>安装编号：2018052212</span>
            <span className="small-color-but">派单</span>
          </div>
          <div className="border-b mt8"></div>

          <div className="row row2">
            <span className="left">姓名：</span>
            <span>占奇栋 先生</span>
          </div>
          <div className="row row2">
            <span className="left">联系方式：</span>
            <span>17710368721</span>
          </div>
          <div className="row row2">
            <span className="left">详细地址：</span>
            <span>北京市朝阳区立水桥</span>
          </div>
          <div className="row row2">
            <span className="left">服务类型：</span>
            <span className="blue">安装</span>
          </div>
          <div className="row row2">
            <span className="left">预约时间：</span>
            <span>2018-05-20</span>
          </div>
          <div className="row row2">
            <span className="left">订单编号：</span>
            <span>126454185</span>
          </div>
          <div className="row row2">
            <span className="left">备注信息：</span>
            <span>请上午过来，下午可能不在家</span>
          </div>
          <div className="border-b"></div>
          <div className="flex space-between row mt8 y-center">
            <span className="small-white-but">标记无效</span>
            <span className="red">3天到期</span>
          </div>
        </div>
      </div>
    );
  }
}

export default CkeckWarrantyOrder;